namespace ext
{
	using System;
	using System.Runtime.CompilerServices;
	using System.Html;
	using System.Collections;
	
	
	/// <summary>Configuration Structure</summary>
	/// <definedin>src\widgets\Button.js</definedin>
	public sealed class Button_Configuration : Record
	{
		
		#region Fields
		/// <summary>Set a DOM tabIndex for this button (defaults to undefined)</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("tabIndex")]
		public System.Number TabIndex;
		
		/// <summary>False to not allow a pressed Button to be depressed (defaults to undefined). Only valid when {@link #enableToggle} is true.</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("allowDepress")]
		public bool AllowDepress;
		
		/// <summary>True to enable pressed/not pressed toggling (defaults to false)</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("enableToggle")]
		public bool EnableToggle;
		
		/// <summary>Function called when a Button with {@link #enableToggle} set to true is clicked. Two arguments are passed:  button : Ext.Button this Button object   state : Boolean The next state of the Button, true means pressed.</summary>
		/// <htmlSummary>
		/// Function called when a Button with {@link #enableToggle} set to true is clicked. Two arguments are passed:&lt;ul class=&quot;mdetail-params&quot;&gt;
		/// &lt;li&gt;&lt;b&gt;button&lt;/b&gt; : Ext.Button&lt;div class=&quot;sub-desc&quot;&gt;this Button object&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;b&gt;state&lt;/b&gt; : Boolean&lt;div class=&quot;sub-desc&quot;&gt;The next state of the Button, true means pressed.&lt;/div&gt;&lt;/li&gt;
		/// &lt;/ul&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("toggleHandler")]
		public System.Delegate ToggleHandler;
		
		/// <summary>Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined).</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("menu")]
		public object Menu;
		
		/// <summary>The position to align the menu to (see {@link Ext.Element#alignTo} for more details, defaults to &apos;tl-bl?&apos;).</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("menuAlign")]
		public string MenuAlign;
		
		/// <summary>
		/// If used in a {@link Ext.Toolbar Toolbar}, the
		/// text to be used if this item is shown in the overflow menu. See also
		/// {@link Ext.Toolbar.Item}.{@link Ext.Toolbar.Item#overflowText overflowText}.
		/// </summary>
		/// <htmlSummary>
		/// If used in a {@link Ext.Toolbar Toolbar}, the
		/// text to be used if this item is shown in the overflow menu. See also
		/// {@link Ext.Toolbar.Item}.&lt;code&gt;{@link Ext.Toolbar.Item#overflowText overflowText}&lt;/code&gt;.
		/// </htmlSummary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("overflowText")]
		public string OverflowText;
		
		/// <summary>A css class which sets a background image to be used as the icon for this button</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("iconCls")]
		public string IconCls;
		
		/// <summary>submit, reset or button - defaults to &apos;button&apos;</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("type")]
		public string Type;
		
		/// <summary>
		/// The DOM event that will fire the handler of the button. This can be any valid event name (dblclick, contextmenu).
		/// Defaults to &apos;click&apos;.
		/// </summary>
		/// <htmlSummary>
		/// The DOM event that will fire the handler of the button. This can be any valid event name (dblclick, contextmenu).
		/// Defaults to &lt;tt&gt;&apos;click&apos;&lt;/tt&gt;.
		/// </htmlSummary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("clickEvent")]
		public string ClickEvent;
		
		/// <summary>False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("handleMouseEvents")]
		public bool HandleMouseEvents;
		
		/// <summary>The type of tooltip to use. Either &apos;qtip&apos; (default) for QuickTips or &apos;title&apos; for title attribute.</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("tooltipType")]
		public string TooltipType;
		
		/// <summary>
		/// (Optional) A {@link Ext.DomQuery DomQuery} selector which is used to extract the active, clickable element from the
		/// DOM structure created.  When a custom {@link #template} is used, you must ensure that this selector results in the selection of
		/// a focussable element.  Defaults to &apos;button:first-child&apos;.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;(Optional) A {@link Ext.DomQuery DomQuery} selector which is used to extract the active, clickable element from the
		/// DOM structure created.&lt;/p&gt;
		/// &lt;p&gt;When a custom {@link #template} is used, you must ensure that this selector results in the selection of
		/// a focussable element.&lt;/p&gt;
		/// &lt;p&gt;Defaults to &lt;b&gt;&lt;tt&gt;&apos;button:first-child&apos;&lt;/tt&gt;&lt;/b&gt;.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Button.js</definedin>
		/// <optional>Optional Field</optional>
		[ScriptName("buttonSelector")]
		public string ButtonSelector;
		
		/// <summary>(Optional) The size of the Button. Three values are allowed:   &apos;small&apos; Results in the button element being 16px high.   &apos;medium&apos; Results in the button element being 24px high.   &apos;large&apos; Results in the button element being 32px high.    Defaults to &apos;small&apos;.</summary>
		/// <htmlSummary>
		/// &lt;p&gt;(Optional) The size of the Button. Three values are allowed:&lt;/p&gt;
		/// &lt;ul class=&quot;mdetail-params&quot;&gt;
		/// &lt;li&gt;&apos;small&apos;&lt;div class=&quot;sub-desc&quot;&gt;Results in the button element being 16px high.&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&apos;medium&apos;&lt;div class=&quot;sub-desc&quot;&gt;Results in the button element being 24px high.&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&apos;large&apos;&lt;div class=&quot;sub-desc&quot;&gt;Results in the button element being 32px high.&lt;/div&gt;&lt;/li&gt;
		/// &lt;/ul&gt;
		/// &lt;p&gt;Defaults to &lt;b&gt;&lt;tt&gt;&apos;small&apos;&lt;/tt&gt;&lt;/b&gt;.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Button.js</definedin>
		/// <optional>Optional Field</optional>
		[ScriptName("scale")]
		public string Scale;
		
		/// <summary>
		/// The scope (this reference) in which the
		/// {@link #handler} and {@link #toggleHandler} is
		/// executed. Defaults to this Button.
		/// </summary>
		/// <htmlSummary>
		/// The scope (&lt;tt&gt;&lt;b&gt;this&lt;/b&gt;&lt;/tt&gt; reference) in which the
		/// &lt;code&gt;{@link #handler}&lt;/code&gt; and &lt;code&gt;{@link #toggleHandler}&lt;/code&gt; is
		/// executed. Defaults to this Button.
		/// </htmlSummary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("scope")]
		public object Scope;
		
		/// <summary>(Optional) The side of the Button box to render the icon. Four values are allowed:   &apos;top&apos;    &apos;right&apos;    &apos;bottom&apos;    &apos;left&apos;     Defaults to &apos;left&apos;.</summary>
		/// <htmlSummary>
		/// &lt;p&gt;(Optional) The side of the Button box to render the icon. Four values are allowed:&lt;/p&gt;
		/// &lt;ul class=&quot;mdetail-params&quot;&gt;
		/// &lt;li&gt;&apos;top&apos;&lt;div class=&quot;sub-desc&quot;&gt;&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&apos;right&apos;&lt;div class=&quot;sub-desc&quot;&gt;&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&apos;bottom&apos;&lt;div class=&quot;sub-desc&quot;&gt;&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&apos;left&apos;&lt;div class=&quot;sub-desc&quot;&gt;&lt;/div&gt;&lt;/li&gt;
		/// &lt;/ul&gt;
		/// &lt;p&gt;Defaults to &lt;b&gt;&lt;tt&gt;&apos;left&apos;&lt;/tt&gt;&lt;/b&gt;.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Button.js</definedin>
		/// <optional>Optional Field</optional>
		[ScriptName("iconAlign")]
		public string IconAlign;
		
		/// <summary>
		/// (Optional) The side of the Button box to render the arrow if the button has an associated {@link #menu}.
		/// Two values are allowed:   &apos;right&apos;    &apos;bottom&apos;     Defaults to &apos;right&apos;.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;(Optional) The side of the Button box to render the arrow if the button has an associated {@link #menu}.
		/// Two values are allowed:&lt;/p&gt;
		/// &lt;ul class=&quot;mdetail-params&quot;&gt;
		/// &lt;li&gt;&apos;right&apos;&lt;div class=&quot;sub-desc&quot;&gt;&lt;/div&gt;&lt;/li&gt;
		/// &lt;li&gt;&apos;bottom&apos;&lt;div class=&quot;sub-desc&quot;&gt;&lt;/div&gt;&lt;/li&gt;
		/// &lt;/ul&gt;
		/// &lt;p&gt;Defaults to &lt;b&gt;&lt;tt&gt;&apos;right&apos;&lt;/tt&gt;&lt;/b&gt;.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Button.js</definedin>
		/// <optional>Optional Field</optional>
		[ScriptName("arrowAlign")]
		public string ArrowAlign;
		
		/// <summary>
		/// A {@link Ext.Template Template} used to create the Button&apos;s DOM structure. 
		/// Instances, or subclasses which need a different DOM structure may provide a different
		/// template layout in conjunction with an implementation of {@link #getTemplateArgs}.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;A {@link Ext.Template Template} used to create the Button&apos;s DOM structure.&lt;/p&gt;
		/// Instances, or subclasses which need a different DOM structure may provide a different
		/// template layout in conjunction with an implementation of {@link #getTemplateArgs}.
		/// </htmlSummary>
		/// <definedin>src\widgets\Button.js</definedin>
		/// <optional>Optional Field</optional>
		[ScriptName("template")]
		public ext.Template Template;
		
		/// <summary>A CSS class string to apply to the button&apos;s main element.</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("cls")]
		public string Cls;
		
		/// <summary>
		/// By default, if a width is not specified the button will attempt to stretch horizontally to fit its content.
		/// If the button is being managed by a width sizing layout (hbox, fit, anchor), set this to false to prevent
		/// the button from doing this automatic sizing.
		/// Defaults to undefined.
		/// </summary>
		/// <htmlSummary>
		/// By default, if a width is not specified the button will attempt to stretch horizontally to fit its content.
		/// If the button is being managed by a width sizing layout (hbox, fit, anchor), set this to false to prevent
		/// the button from doing this automatic sizing.
		/// Defaults to &lt;tt&gt;undefined&lt;/tt&gt;.
		/// </htmlSummary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("autoWidth")]
		public bool AutoWidth;
		
		/// <summary>@hide</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("autoEl")]
		public string AutoEl;
		
		/// <summary>@hide</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("html")]
		public ext.auto.System_String_Or_System_Object Html;
		
		/// <summary>@hide</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("contentEl")]
		public string ContentEl;
		
		/// <summary>@hide</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("data")]
		public object Data;
		
		/// <summary>@hide</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("tpl")]
		public object Tpl;
		
		/// <summary>@hide</summary>
		/// <definedin>src\widgets\Button.js</definedin>
		[ScriptName("tplWriteMode")]
		public string TplWriteMode;
		#endregion
		
		#region ext.BoxComponent_Configuration Members
		/// <summary>
		/// Note: this config is only used when this Component is rendered
		/// by a Container which has been configured to use a {@link Ext.layout.BoxLayout BoxLayout}.
		/// Each child Component with a flex property will be flexed either vertically (by a VBoxLayout)
		/// or horizontally (by an HBoxLayout) according to the item&apos;s relativeflex value
		/// compared to the sum of all Components with flex value specified. Any child items that have
		/// either a flex = 0 or flex = undefined will not be &apos;flexed&apos; (the initial size will not be changed).
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: this config is only used when this Component is rendered
		/// by a Container which has been configured to use a &lt;b&gt;{@link Ext.layout.BoxLayout BoxLayout}.&lt;/b&gt;
		/// Each child Component with a &lt;code&gt;flex&lt;/code&gt; property will be flexed either vertically (by a VBoxLayout)
		/// or horizontally (by an HBoxLayout) according to the item&apos;s &lt;b&gt;relative&lt;/b&gt; &lt;code&gt;flex&lt;/code&gt; value
		/// compared to the sum of all Components with &lt;code&gt;flex&lt;/code&gt; value specified. Any child items that have
		/// either a &lt;code&gt;flex = 0&lt;/code&gt; or &lt;code&gt;flex = undefined&lt;/code&gt; will not be &apos;flexed&apos; (the initial size will not be changed).
		/// </htmlSummary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("flex")]
		public System.Number Flex;
		
		/// <summary>
		/// Note: this config is only used when this Component is rendered
		/// by a Container which has been configured to use an {@link Ext.layout.AnchorLayout AnchorLayout} (or subclass thereof).
		/// based layout manager, for example:   {@link Ext.form.FormPanel}  specifying layout: &apos;anchor&apos; // or &apos;form&apos;, or &apos;absolute&apos;     See {@link Ext.layout.AnchorLayout}.{@link Ext.layout.AnchorLayout#anchor anchor} also.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: this config is only used when this Component is rendered
		/// by a Container which has been configured to use an &lt;b&gt;{@link Ext.layout.AnchorLayout AnchorLayout} (or subclass thereof).&lt;/b&gt;
		/// based layout manager, for example:&lt;div class=&quot;mdetail-params&quot;&gt;&lt;ul&gt;
		/// &lt;li&gt;{@link Ext.form.FormPanel}&lt;/li&gt;
		/// &lt;li&gt;specifying &lt;code&gt;layout: &apos;anchor&apos; // or &apos;form&apos;, or &apos;absolute&apos;&lt;/code&gt;&lt;/li&gt;
		/// &lt;/ul&gt;&lt;/div&gt;&lt;/p&gt;
		/// &lt;p&gt;See {@link Ext.layout.AnchorLayout}.{@link Ext.layout.AnchorLayout#anchor anchor} also.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("anchor")]
		public string Anchor;
		
		/// <summary>
		/// Note: this config is only used when this BoxComponent is a child item of a TabPanel. 
		/// A string to be used as innerHTML (html tags are accepted) to show in a tooltip when mousing over
		/// the associated tab selector element. {@link Ext.QuickTips}.init()
		/// must be called in order for the tips to render.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: this config is only used when this BoxComponent is a child item of a TabPanel.&lt;/p&gt;
		/// A string to be used as innerHTML (html tags are accepted) to show in a tooltip when mousing over
		/// the associated tab selector element. {@link Ext.QuickTips}.init()
		/// must be called in order for the tips to render.
		/// </htmlSummary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("tabTip")]
		public string TabTip;
		
		/// <summary>
		/// Note: this config is only used when this BoxComponent is rendered
		/// by a Container which has been configured to use the {@link Ext.layout.BorderLayout BorderLayout}
		/// layout manager (e.g. specifying layout:&apos;border&apos;).
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: this config is only used when this BoxComponent is rendered
		/// by a Container which has been configured to use the &lt;b&gt;{@link Ext.layout.BorderLayout BorderLayout}&lt;/b&gt;
		/// layout manager (e.g. specifying &lt;tt&gt;layout:&apos;border&apos;&lt;/tt&gt;).&lt;/p&gt;&lt;br&gt;
		/// &lt;p&gt;See {@link Ext.layout.BorderLayout} also.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("region")]
		public string Region;
		
		/// <summary>
		/// Note: this config is only used when this BoxComponent is rendered
		/// by a Container which has been configured to use the {@link Ext.layout.BorderLayout BorderLayout}
		/// or one of the two {@link Ext.layout.BoxLayout BoxLayout} subclasses.  An object containing margins to apply to this BoxComponent in the
		/// format:  
		/// {
		/// top: (top margin),
		/// right: (right margin),
		/// bottom: (bottom margin),
		/// left: (left margin)
		/// }  May also be a string containing space-separated, numeric margin values. The order of the
		/// sides associated with each value matches the way CSS processes margin values:     If there is only one value, it applies to all sides.  If there are two values, the top and bottom borders are set to the first value and the
		/// right and left are set to the second.  If there are three values, the top is set to the first value, the left and right are set
		/// to the second, and the bottom is set to the third.  If there are four values, they apply to the top, right, bottom, and left,...
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: this config is only used when this BoxComponent is rendered
		/// by a Container which has been configured to use the &lt;b&gt;{@link Ext.layout.BorderLayout BorderLayout}&lt;/b&gt;
		/// or one of the two &lt;b&gt;{@link Ext.layout.BoxLayout BoxLayout} subclasses.&lt;/b&gt;&lt;/p&gt;
		/// &lt;p&gt;An object containing margins to apply to this BoxComponent in the
		/// format:&lt;/p&gt;&lt;pre&gt;&lt;code&gt;
		/// {
		/// top: (top margin),
		/// right: (right margin),
		/// bottom: (bottom margin),
		/// left: (left margin)
		/// }&lt;/code&gt;&lt;/pre&gt;
		/// &lt;p&gt;May also be a string containing space-separated, numeric margin values. The order of the
		/// sides associated with each value matches the way CSS processes margin values:&lt;/p&gt;
		/// &lt;p&gt;&lt;div class=&quot;mdetail-params&quot;&gt;&lt;ul&gt;
		/// &lt;li&gt;If there is only one value, it applies to all sides.&lt;/li&gt;
		/// &lt;li&gt;If there are two values, the top and bottom borders are set to the first value and the
		/// right and left are set to the second.&lt;/li&gt;
		/// &lt;li&gt;If there are three values, the top is set to the first value, the left and right are set
		/// to the second, and the bottom is set to the third.&lt;/li&gt;
		/// &lt;li&gt;If there are four values, they apply to the top, right, bottom, and left, respectively.&lt;/li&gt;
		/// &lt;/ul&gt;&lt;/div&gt;&lt;/p&gt;
		/// &lt;p&gt;Defaults to:&lt;/p&gt;&lt;pre&gt;&lt;code&gt;
		/// {top:0, right:0, bottom:0, left:0}
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("margins")]
		public object Margins;
		
		/// <summary>The local x (left) coordinate for this component if contained within a positioning container.</summary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("x")]
		public System.Number X;
		
		/// <summary>The local y (top) coordinate for this component if contained within a positioning container.</summary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("y")]
		public System.Number Y;
		
		/// <summary>The page level x coordinate for this component if contained within a positioning container.</summary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("pageX")]
		public System.Number PageX;
		
		/// <summary>The page level y coordinate for this component if contained within a positioning container.</summary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("pageY")]
		public System.Number PageY;
		
		/// <summary>
		/// The height of this component in pixels (defaults to auto).
		/// Note to express this dimension as a percentage or offset see {@link Ext.Component#anchor}.
		/// </summary>
		/// <htmlSummary>
		/// The height of this component in pixels (defaults to auto).
		/// &lt;b&gt;Note&lt;/b&gt; to express this dimension as a percentage or offset see {@link Ext.Component#anchor}.
		/// </htmlSummary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("height")]
		public System.Number Height;
		
		/// <summary>
		/// The width of this component in pixels (defaults to auto).
		/// Note to express this dimension as a percentage or offset see {@link Ext.Component#anchor}.
		/// </summary>
		/// <htmlSummary>
		/// The width of this component in pixels (defaults to auto).
		/// &lt;b&gt;Note&lt;/b&gt; to express this dimension as a percentage or offset see {@link Ext.Component#anchor}.
		/// </htmlSummary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("width")]
		public System.Number Width;
		
		/// <summary>The minimum value in pixels which this BoxComponent will set its height to.  Warning: This will override any size management applied by layout managers.</summary>
		/// <htmlSummary>
		/// &lt;p&gt;The minimum value in pixels which this BoxComponent will set its height to.&lt;/p&gt;
		/// &lt;p&gt;&lt;b&gt;Warning:&lt;/b&gt; This will override any size management applied by layout managers.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("boxMinHeight")]
		public System.Number BoxMinHeight;
		
		/// <summary>The minimum value in pixels which this BoxComponent will set its width to.  Warning: This will override any size management applied by layout managers.</summary>
		/// <htmlSummary>
		/// &lt;p&gt;The minimum value in pixels which this BoxComponent will set its width to.&lt;/p&gt;
		/// &lt;p&gt;&lt;b&gt;Warning:&lt;/b&gt; This will override any size management applied by layout managers.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("boxMinWidth")]
		public System.Number BoxMinWidth;
		
		/// <summary>The maximum value in pixels which this BoxComponent will set its height to.  Warning: This will override any size management applied by layout managers.</summary>
		/// <htmlSummary>
		/// &lt;p&gt;The maximum value in pixels which this BoxComponent will set its height to.&lt;/p&gt;
		/// &lt;p&gt;&lt;b&gt;Warning:&lt;/b&gt; This will override any size management applied by layout managers.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("boxMaxHeight")]
		public System.Number BoxMaxHeight;
		
		/// <summary>The maximum value in pixels which this BoxComponent will set its width to.  Warning: This will override any size management applied by layout managers.</summary>
		/// <htmlSummary>
		/// &lt;p&gt;The maximum value in pixels which this BoxComponent will set its width to.&lt;/p&gt;
		/// &lt;p&gt;&lt;b&gt;Warning:&lt;/b&gt; This will override any size management applied by layout managers.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("boxMaxWidth")]
		public System.Number BoxMaxWidth;
		
		/// <summary>
		/// True to use height:&apos;auto&apos;, false to use fixed height (or allow it to be managed by its parent
		/// Container&apos;s {@link Ext.Container#layout layout manager}. Defaults to false.  Note: Although many components inherit this config option, not all will
		/// function as expected with a height of &apos;auto&apos;. Setting autoHeight:true means that the
		/// browser will manage height based on the element&apos;s contents, and that Ext will not manage it at all.  If the browser is managing the height, be aware that resizes performed by the browser in response
		/// to changes within the structure of the Component cannot be detected. Therefore changes to the height might
		/// result in elements needing to be synchronized with the new height. Example:  
		/// var w = new Ext.Window({
		/// title: &apos;Window&apos;,
		/// width: 600,
		/// autoHeight: true,
		/// items: {
		/// title: &apos;Collapse Me&apos;,
		/// height: 400,
		/// collapsible: true,
		/// border: false,
		/// listeners: {
		/// beforecollapse: function() {
		/// w.el.shadow.hide();
		/// },
		/// beforeexpand: function() {
		/// w.el.shadow.hide();
		/// },...
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;True to use height:&apos;auto&apos;, false to use fixed height (or allow it to be managed by its parent
		/// Container&apos;s {@link Ext.Container#layout layout manager}. Defaults to false.&lt;/p&gt;
		/// &lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: Although many components inherit this config option, not all will
		/// function as expected with a height of &apos;auto&apos;. Setting autoHeight:true means that the
		/// browser will manage height based on the element&apos;s contents, and that Ext will not manage it at all.&lt;/p&gt;
		/// &lt;p&gt;If the &lt;i&gt;browser&lt;/i&gt; is managing the height, be aware that resizes performed by the browser in response
		/// to changes within the structure of the Component cannot be detected. Therefore changes to the height might
		/// result in elements needing to be synchronized with the new height. Example:&lt;/p&gt;&lt;pre&gt;&lt;code&gt;
		/// var w = new Ext.Window({
		/// title: &apos;Window&apos;,
		/// width: 600,
		/// autoHeight: true,
		/// items: {
		/// title: &apos;Collapse Me&apos;,
		/// height: 400,
		/// collapsible: true,
		/// border: false,
		/// listeners: {
		/// beforecollapse: function() {
		/// w.el.shadow.hide();
		/// },
		/// beforeexpand: function() {
		/// w.el.shadow.hide();
		/// },
		/// collapse: function() {
		/// w.syncShadow();
		/// },
		/// expand: function() {
		/// w.syncShadow();
		/// }
		/// }
		/// }
		/// }).show();
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("autoHeight")]
		public bool AutoHeight;
		
		/// <summary>
		/// true to use overflow:&apos;auto&apos; on the components layout element and show scroll bars automatically when
		/// necessary, false to clip any overflowing content (defaults to false).
		/// </summary>
		/// <htmlSummary>
		/// &lt;code&gt;true&lt;/code&gt; to use overflow:&apos;auto&apos; on the components layout element and show scroll bars automatically when
		/// necessary, &lt;code&gt;false&lt;/code&gt; to clip any overflowing content (defaults to &lt;code&gt;false&lt;/code&gt;).
		/// </htmlSummary>
		/// <definedin>src\widgets\BoxComponent.js</definedin>
		[ScriptName("autoScroll")]
		public bool AutoScroll;
		
		/// <summary>The label text to display next to this Component (defaults to &apos;&apos;).</summary>
		/// <htmlSummary>
		/// &lt;p&gt;The label text to display next to this Component (defaults to &apos;&apos;).&lt;/p&gt;
		/// &lt;br&gt;&lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: this config is only used when this Component is rendered by a Container which
		/// has been configured to use the &lt;b&gt;{@link Ext.layout.FormLayout FormLayout}&lt;/b&gt; layout manager (e.g.
		/// {@link Ext.form.FormPanel} or specifying &lt;tt&gt;layout:&apos;form&apos;&lt;/tt&gt;).&lt;/p&gt;&lt;br&gt;
		/// &lt;p&gt;Also see &lt;tt&gt;{@link #hideLabel}&lt;/tt&gt; and
		/// {@link Ext.layout.FormLayout}.{@link Ext.layout.FormLayout#fieldTpl fieldTpl}.&lt;/p&gt;
		/// Example use:&lt;pre&gt;&lt;code&gt;
		/// new Ext.FormPanel({
		/// height: 100,
		/// renderTo: Ext.getBody(),
		/// items: [{
		/// xtype: &apos;textfield&apos;,
		/// fieldLabel: &apos;Name&apos;
		/// }]
		/// });
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("fieldLabel")]
		public string FieldLabel;
		
		/// <summary>
		/// A CSS style specification string to apply directly to this field&apos;s
		/// label. Defaults to the container&apos;s labelStyle value if set (e.g.,
		/// {@link Ext.layout.FormLayout#labelStyle} , or &apos;&apos;).
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;A CSS style specification string to apply directly to this field&apos;s
		/// label. Defaults to the container&apos;s labelStyle value if set (e.g.,
		/// &lt;tt&gt;{@link Ext.layout.FormLayout#labelStyle}&lt;/tt&gt; , or &apos;&apos;).&lt;/p&gt;
		/// &lt;br&gt;&lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: see the note for &lt;code&gt;{@link #clearCls}&lt;/code&gt;.&lt;/p&gt;&lt;br&gt;
		/// &lt;p&gt;Also see &lt;code&gt;{@link #hideLabel}&lt;/code&gt; and
		/// &lt;code&gt;{@link Ext.layout.FormLayout}.{@link Ext.layout.FormLayout#fieldTpl fieldTpl}.&lt;/code&gt;&lt;/p&gt;
		/// Example use:&lt;pre&gt;&lt;code&gt;
		/// new Ext.FormPanel({
		/// height: 100,
		/// renderTo: Ext.getBody(),
		/// items: [{
		/// xtype: &apos;textfield&apos;,
		/// fieldLabel: &apos;Name&apos;,
		/// labelStyle: &apos;font-weight:bold;&apos;
		/// }]
		/// });
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("labelStyle")]
		public string LabelStyle;
		
		/// <summary>
		/// The separator to display after the text of each
		/// {@link #fieldLabel}. This property may be configured at various levels.
		/// The order of precedence is:
		///   field / component level  container level  {@link Ext.layout.FormLayout#labelSeparator layout level} (defaults to colon &apos;:&apos;)   
		/// To display no separator for this field&apos;s label specify empty string &apos;&apos;.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;The separator to display after the text of each
		/// &lt;tt&gt;{@link #fieldLabel}&lt;/tt&gt;. This property may be configured at various levels.
		/// The order of precedence is:
		/// &lt;div class=&quot;mdetail-params&quot;&gt;&lt;ul&gt;
		/// &lt;li&gt;field / component level&lt;/li&gt;
		/// &lt;li&gt;container level&lt;/li&gt;
		/// &lt;li&gt;{@link Ext.layout.FormLayout#labelSeparator layout level} (defaults to colon &lt;tt&gt;&apos;:&apos;&lt;/tt&gt;)&lt;/li&gt;
		/// &lt;/ul&gt;&lt;/div&gt;
		/// To display no separator for this field&apos;s label specify empty string &apos;&apos;.&lt;/p&gt;
		/// &lt;br&gt;&lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: see the note for &lt;tt&gt;{@link #clearCls}&lt;/tt&gt;.&lt;/p&gt;&lt;br&gt;
		/// &lt;p&gt;Also see &lt;tt&gt;{@link #hideLabel}&lt;/tt&gt; and
		/// {@link Ext.layout.FormLayout}.{@link Ext.layout.FormLayout#fieldTpl fieldTpl}.&lt;/p&gt;
		/// Example use:&lt;pre&gt;&lt;code&gt;
		/// new Ext.FormPanel({
		/// height: 100,
		/// renderTo: Ext.getBody(),
		/// layoutConfig: {
		/// labelSeparator: &apos;~&apos; // layout config has lowest priority (defaults to &apos;:&apos;)
		/// },
		/// {@link Ext.layout.FormLayout#labelSeparator labelSeparator}: &apos;&gt;&gt;&apos;, // config at container level
		/// items: [{
		/// xtype: &apos;textfield&apos;,
		/// fieldLabel: &apos;Field 1&apos;,
		/// labelSeparator: &apos;...&apos; // field/component level config supersedes others
		/// },{
		/// xtype: &apos;textfield&apos;,
		/// fieldLabel: &apos;Field 2&apos; // labelSeparator will be &apos;=&apos;
		/// }]
		/// });
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("labelSeparator")]
		public string LabelSeparator;
		
		/// <summary>
		/// true to completely hide the label element
		/// ({@link #fieldLabel label} and {@link #labelSeparator separator}). Defaults to false.
		/// By default, even if you do not specify a {@link #fieldLabel} the space will still be
		/// reserved so that the field will line up with other fields that do have labels.
		/// Setting this to true will cause the field to not reserve that space.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;&lt;tt&gt;true&lt;/tt&gt; to completely hide the label element
		/// ({@link #fieldLabel label} and {@link #labelSeparator separator}). Defaults to &lt;tt&gt;false&lt;/tt&gt;.
		/// By default, even if you do not specify a &lt;tt&gt;{@link #fieldLabel}&lt;/tt&gt; the space will still be
		/// reserved so that the field will line up with other fields that do have labels.
		/// Setting this to &lt;tt&gt;true&lt;/tt&gt; will cause the field to not reserve that space.&lt;/p&gt;
		/// &lt;br&gt;&lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: see the note for &lt;tt&gt;{@link #clearCls}&lt;/tt&gt;.&lt;/p&gt;&lt;br&gt;
		/// Example use:&lt;pre&gt;&lt;code&gt;
		/// new Ext.FormPanel({
		/// height: 100,
		/// renderTo: Ext.getBody(),
		/// items: [{
		/// xtype: &apos;textfield&apos;
		/// hideLabel: true
		/// }]
		/// });
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("hideLabel")]
		public bool HideLabel;
		
		/// <summary>
		/// The CSS class used to to apply to the special clearing div rendered
		/// directly after each form field wrapper to provide field clearing (defaults to
		/// &apos;x-form-clear-left&apos;).
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;The CSS class used to to apply to the special clearing div rendered
		/// directly after each form field wrapper to provide field clearing (defaults to
		/// &lt;tt&gt;&apos;x-form-clear-left&apos;&lt;/tt&gt;).&lt;/p&gt;
		/// &lt;br&gt;&lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: this config is only used when this Component is rendered by a Container
		/// which has been configured to use the &lt;b&gt;{@link Ext.layout.FormLayout FormLayout}&lt;/b&gt; layout
		/// manager (e.g. {@link Ext.form.FormPanel} or specifying &lt;tt&gt;layout:&apos;form&apos;&lt;/tt&gt;) and either a
		/// &lt;tt&gt;{@link #fieldLabel}&lt;/tt&gt; is specified or &lt;tt&gt;isFormField=true&lt;/tt&gt; is specified.&lt;/p&gt;&lt;br&gt;
		/// &lt;p&gt;See {@link Ext.layout.FormLayout}.{@link Ext.layout.FormLayout#fieldTpl fieldTpl} also.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("clearCls")]
		public string ClearCls;
		
		/// <summary>
		/// Note: this config is only used when this Component is rendered by a Container which
		/// has been configured to use the {@link Ext.layout.FormLayout FormLayout} layout manager (e.g.
		/// {@link Ext.form.FormPanel} or specifying layout:&apos;form&apos;).
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: this config is only used when this Component is rendered by a Container which
		/// has been configured to use the &lt;b&gt;{@link Ext.layout.FormLayout FormLayout}&lt;/b&gt; layout manager (e.g.
		/// {@link Ext.form.FormPanel} or specifying &lt;tt&gt;layout:&apos;form&apos;&lt;/tt&gt;).&lt;/p&gt;&lt;br&gt;
		/// &lt;p&gt;An additional CSS class to apply to the div wrapping the form item
		/// element of this field. If supplied, &lt;tt&gt;itemCls&lt;/tt&gt; at the &lt;b&gt;field&lt;/b&gt; level will override
		/// the default &lt;tt&gt;itemCls&lt;/tt&gt; supplied at the &lt;b&gt;container&lt;/b&gt; level. The value specified for
		/// &lt;tt&gt;itemCls&lt;/tt&gt; will be added to the default class (&lt;tt&gt;&apos;x-form-item&apos;&lt;/tt&gt;).&lt;/p&gt;
		/// &lt;p&gt;Since it is applied to the item wrapper (see
		/// {@link Ext.layout.FormLayout}.{@link Ext.layout.FormLayout#fieldTpl fieldTpl}), it allows
		/// you to write standard CSS rules that can apply to the field, the label (if specified), or
		/// any other element within the markup for the field.&lt;/p&gt;
		/// &lt;br&gt;&lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: see the note for &lt;tt&gt;{@link #fieldLabel}&lt;/tt&gt;.&lt;/p&gt;&lt;br&gt;
		/// Example use:&lt;pre&gt;&lt;code&gt;
		/// // Apply a style to the field&amp;#39;s label:
		/// &amp;lt;style&gt;
		/// .required .x-form-item-label {font-weight:bold;color:red;}
		/// &amp;lt;/style&gt;
		///
		/// new Ext.FormPanel({
		/// height: 100,
		/// renderTo: Ext.getBody(),
		/// items: [{
		/// xtype: &apos;textfield&apos;,
		/// fieldLabel: &apos;Name&apos;,
		/// itemCls: &apos;required&apos; //this label will be styled
		/// },{
		/// xtype: &apos;textfield&apos;,
		/// fieldLabel: &apos;Favorite Color&apos;
		/// }]
		/// });
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("itemCls")]
		public string ItemCls;
		
		/// <summary>
		/// The unique id of this component (defaults to an {@link #getId auto-assigned id}).
		/// You should assign an id if you need to be able to access the component later and you do
		/// not have an object reference available (e.g., using {@link Ext}.{@link Ext#getCmp getCmp}).  Note that this id will also be used as the element id for the containing HTML element
		/// that is rendered to the page for this component. This allows you to write id-based CSS
		/// rules to style the specific instance of this component uniquely, and also to select
		/// sub-elements using this component&apos;s id as the parent.  Note: to avoid complications imposed by a unique id also see
		/// {@link #itemId} and {@link #ref}.  Note: to access the container of an item see {@link #ownerCt}.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;The &lt;b&gt;unique&lt;/b&gt; id of this component (defaults to an {@link #getId auto-assigned id}).
		/// You should assign an id if you need to be able to access the component later and you do
		/// not have an object reference available (e.g., using {@link Ext}.{@link Ext#getCmp getCmp}).&lt;/p&gt;
		/// &lt;p&gt;Note that this id will also be used as the element id for the containing HTML element
		/// that is rendered to the page for this component. This allows you to write id-based CSS
		/// rules to style the specific instance of this component uniquely, and also to select
		/// sub-elements using this component&apos;s id as the parent.&lt;/p&gt;
		/// &lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: to avoid complications imposed by a unique &lt;tt&gt;id&lt;/tt&gt; also see
		/// &lt;code&gt;{@link #itemId}&lt;/code&gt; and &lt;code&gt;{@link #ref}&lt;/code&gt;.&lt;/p&gt;
		/// &lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: to access the container of an item see &lt;code&gt;{@link #ownerCt}&lt;/code&gt;.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("id")]
		public string Id;
		
		/// <summary>
		/// An itemId can be used as an alternative way to get a reference to a component
		/// when no object reference is available. Instead of using an {@link #id} with
		/// {@link Ext}.{@link Ext#getCmp getCmp}, use itemId with
		/// {@link Ext.Container}.{@link Ext.Container#getComponent getComponent} which will retrieve
		/// itemId&apos;s or {@link #id}&apos;s. Since itemId&apos;s are an index to the
		/// container&apos;s internal MixedCollection, the itemId is scoped locally to the container --
		/// avoiding potential conflicts with {@link Ext.ComponentMgr} which requires a unique{@link #id}.  
		/// var c = new Ext.Panel({ //
		/// {@link Ext.BoxComponent#height height}: 300,
		/// {@link #renderTo}: document.body,
		/// {@link Ext.Container#layout layout}: &apos;auto&apos;,
		/// {@link Ext.Container#items items}: [
		/// {
		/// itemId: &apos;p1&apos;,
		/// {@link Ext.Panel#title title}: &apos;Panel 1&apos;,
		/// {@link Ext.BoxComponent#height height}: 150
		/// },
		/// {
		/// itemId: &apos;p2&apos;,
		/// {@link Ext.Panel#title title}: &apos;Panel 2&apos;,
		/// {@link Ext.BoxComponent#height height}: 150
		/// }
		/// ]
		/// })
		/// p1 = c.{@link...
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;An &lt;tt&gt;itemId&lt;/tt&gt; can be used as an alternative way to get a reference to a component
		/// when no object reference is available. Instead of using an &lt;code&gt;{@link #id}&lt;/code&gt; with
		/// {@link Ext}.{@link Ext#getCmp getCmp}, use &lt;code&gt;itemId&lt;/code&gt; with
		/// {@link Ext.Container}.{@link Ext.Container#getComponent getComponent} which will retrieve
		/// &lt;code&gt;itemId&lt;/code&gt;&apos;s or &lt;tt&gt;{@link #id}&lt;/tt&gt;&apos;s. Since &lt;code&gt;itemId&lt;/code&gt;&apos;s are an index to the
		/// container&apos;s internal MixedCollection, the &lt;code&gt;itemId&lt;/code&gt; is scoped locally to the container --
		/// avoiding potential conflicts with {@link Ext.ComponentMgr} which requires a &lt;b&gt;unique&lt;/b&gt;
		/// &lt;code&gt;{@link #id}&lt;/code&gt;.&lt;/p&gt;
		/// &lt;pre&gt;&lt;code&gt;
		/// var c = new Ext.Panel({ //
		/// {@link Ext.BoxComponent#height height}: 300,
		/// {@link #renderTo}: document.body,
		/// {@link Ext.Container#layout layout}: &apos;auto&apos;,
		/// {@link Ext.Container#items items}: [
		/// {
		/// itemId: &apos;p1&apos;,
		/// {@link Ext.Panel#title title}: &apos;Panel 1&apos;,
		/// {@link Ext.BoxComponent#height height}: 150
		/// },
		/// {
		/// itemId: &apos;p2&apos;,
		/// {@link Ext.Panel#title title}: &apos;Panel 2&apos;,
		/// {@link Ext.BoxComponent#height height}: 150
		/// }
		/// ]
		/// })
		/// p1 = c.{@link Ext.Container#getComponent getComponent}(&apos;p1&apos;); // not the same as {@link Ext#getCmp Ext.getCmp()}
		/// p2 = p1.{@link #ownerCt}.{@link Ext.Container#getComponent getComponent}(&apos;p2&apos;); // reference via a sibling
		/// &lt;/code&gt;&lt;/pre&gt;
		/// &lt;p&gt;Also see &lt;tt&gt;{@link #id}&lt;/tt&gt; and &lt;code&gt;{@link #ref}&lt;/code&gt;.&lt;/p&gt;
		/// &lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: to access the container of an item see &lt;tt&gt;{@link #ownerCt}&lt;/tt&gt;.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("itemId")]
		public string ItemId;
		
		/// <summary>
		/// The registered xtype to create. This config option is not used when passing
		/// a config object into a constructor. This config option is used only when
		/// lazy instantiation is being used, and a child item of a Container is being
		/// specified not as a fully instantiated Component, but as a Component config
		/// object. The xtype will be looked up at render time up to determine what
		/// type of child Component to create.
		/// </summary>
		/// <htmlSummary>
		/// The registered &lt;tt&gt;xtype&lt;/tt&gt; to create. This config option is not used when passing
		/// a config object into a constructor. This config option is used only when
		/// lazy instantiation is being used, and a child item of a Container is being
		/// specified not as a fully instantiated Component, but as a &lt;i&gt;Component config
		/// object&lt;/i&gt;. The &lt;tt&gt;xtype&lt;/tt&gt; will be looked up at render time up to determine what
		/// type of child Component to create.&lt;br&gt;&lt;br&gt;
		/// The predefined xtypes are listed {@link Ext.Component here}.
		/// &lt;br&gt;&lt;br&gt;
		/// If you subclass Components to create your own Components, you may register
		/// them using {@link Ext.ComponentMgr#registerType} in order to be able to
		/// take advantage of lazy instantiation and rendering.
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("xtype")]
		public string Xtype;
		
		/// <summary>
		/// The registered ptype to create. This config option is not used when passing
		/// a config object into a constructor. This config option is used only when
		/// lazy instantiation is being used, and a Plugin is being
		/// specified not as a fully instantiated Component, but as a Component config
		/// object. The ptype will be looked up at render time up to determine what
		/// type of Plugin to create.
		/// </summary>
		/// <htmlSummary>
		/// The registered &lt;tt&gt;ptype&lt;/tt&gt; to create. This config option is not used when passing
		/// a config object into a constructor. This config option is used only when
		/// lazy instantiation is being used, and a Plugin is being
		/// specified not as a fully instantiated Component, but as a &lt;i&gt;Component config
		/// object&lt;/i&gt;. The &lt;tt&gt;ptype&lt;/tt&gt; will be looked up at render time up to determine what
		/// type of Plugin to create.&lt;br&gt;&lt;br&gt;
		/// If you create your own Plugins, you may register them using
		/// {@link Ext.ComponentMgr#registerPlugin} in order to be able to
		/// take advantage of lazy instantiation and rendering.
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("ptype")]
		public string Ptype;
		
		/// <summary>
		/// An optional extra CSS class that will be added to this component&apos;s Element when the mouse moves
		/// over the Element, and removed when the mouse moves out. (defaults to &apos;&apos;). This can be
		/// useful for adding customized &apos;active&apos; or &apos;hover&apos; styles to the component or any of its children using standard CSS rules.
		/// </summary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("overCls")]
		public string OverCls;
		
		/// <summary>
		/// A custom style specification to be applied to this component&apos;s Element. Should be a valid argument to
		/// {@link Ext.Element#applyStyles}.
		/// 
		/// new Ext.Panel({
		/// title: &apos;Some Title&apos;,
		/// renderTo: Ext.getBody(),
		/// width: 400, height: 300,
		/// layout: &apos;form&apos;,
		/// items: [{
		/// xtype: &apos;textarea&apos;,
		/// style: {
		/// width: &apos;95%&apos;,
		/// marginBottom: &apos;10px&apos;
		/// }
		/// },
		/// new Ext.Button({
		/// text: &apos;Send&apos;,
		/// minWidth: &apos;100&apos;,
		/// style: {
		/// marginBottom: &apos;10px&apos;
		/// }
		/// })
		/// ]
		/// });
		/// </summary>
		/// <htmlSummary>
		/// A custom style specification to be applied to this component&apos;s Element. Should be a valid argument to
		/// {@link Ext.Element#applyStyles}.
		/// &lt;pre&gt;&lt;code&gt;
		/// new Ext.Panel({
		/// title: &apos;Some Title&apos;,
		/// renderTo: Ext.getBody(),
		/// width: 400, height: 300,
		/// layout: &apos;form&apos;,
		/// items: [{
		/// xtype: &apos;textarea&apos;,
		/// style: {
		/// width: &apos;95%&apos;,
		/// marginBottom: &apos;10px&apos;
		/// }
		/// },
		/// new Ext.Button({
		/// text: &apos;Send&apos;,
		/// minWidth: &apos;100&apos;,
		/// style: {
		/// marginBottom: &apos;10px&apos;
		/// }
		/// })
		/// ]
		/// });
		/// &lt;/code&gt;&lt;/pre&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("style")]
		public string Style;
		
		/// <summary>
		/// An optional extra CSS class that will be added to this component&apos;s container. This can be useful for
		/// adding customized styles to the container or any of its children using standard CSS rules. See
		/// {@link Ext.layout.ContainerLayout}.{@link Ext.layout.ContainerLayout#extraCls extraCls} also.  Note: ctCls defaults to &apos;&apos; except for the following class
		/// which assigns a value by default:
		///   {@link Ext.layout.Box Box Layout} : &apos;x-box-layout-ct&apos;   
		/// To configure the above Class with an extra CSS class append to the default. For example,
		/// for BoxLayout (Hbox and Vbox): 
		/// ctCls: &apos;x-box-layout-ct custom-class&apos;
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;An optional extra CSS class that will be added to this component&apos;s container. This can be useful for
		/// adding customized styles to the container or any of its children using standard CSS rules. See
		/// {@link Ext.layout.ContainerLayout}.{@link Ext.layout.ContainerLayout#extraCls extraCls} also.&lt;/p&gt;
		/// &lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: &lt;tt&gt;ctCls&lt;/tt&gt; defaults to &lt;tt&gt;&apos;&apos;&lt;/tt&gt; except for the following class
		/// which assigns a value by default:
		/// &lt;div class=&quot;mdetail-params&quot;&gt;&lt;ul&gt;
		/// &lt;li&gt;{@link Ext.layout.Box Box Layout} : &lt;tt&gt;&apos;x-box-layout-ct&apos;&lt;/tt&gt;&lt;/li&gt;
		/// &lt;/ul&gt;&lt;/div&gt;
		/// To configure the above Class with an extra CSS class append to the default. For example,
		/// for BoxLayout (Hbox and Vbox):&lt;pre&gt;&lt;code&gt;
		/// ctCls: &apos;x-box-layout-ct custom-class&apos;
		/// &lt;/code&gt;&lt;/pre&gt;
		/// &lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("ctCls")]
		public string CtCls;
		
		/// <summary>Render this component disabled (default is false).</summary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("disabled")]
		public bool Disabled;
		
		/// <summary>
		/// Render this component hidden (default is false). If true, the
		/// {@link #hide} method will be called internally.
		/// </summary>
		/// <htmlSummary>
		/// Render this component hidden (default is false). If &lt;tt&gt;true&lt;/tt&gt;, the
		/// {@link #hide} method will be called internally.
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("hidden")]
		public bool Hidden;
		
		/// <summary>
		/// An object or array of objects that will provide custom functionality for this component. The only
		/// requirement for a valid plugin is that it contain an init method that accepts a reference of type Ext.Component.
		/// When a component is created, if any plugins are available, the component will call the init method on each
		/// plugin, passing a reference to itself. Each plugin can then call methods or respond to events on the
		/// component as needed to provide its functionality.
		/// </summary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("plugins")]
		public ext.auto.System_Object_Or_System_Array Plugins;
		
		/// <summary>
		/// Specify the id of the element, a DOM element or an existing Element corresponding to a DIV
		/// that is already present in the document that specifies some structural markup for this
		/// component.    Description :   When applyTo is used, constituent parts of the component can also be specified
		/// by id or CSS class name within the main element, and the component being created may attempt
		/// to create its subcomponents from that markup if applicable.    Notes :   When using this config, a call to render() is not required.  If applyTo is specified, any value passed for {@link #renderTo} will be ignored and the target
		/// element&apos;s parent node will automatically be used as the component&apos;s container.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;Specify the id of the element, a DOM element or an existing Element corresponding to a DIV
		/// that is already present in the document that specifies some structural markup for this
		/// component.&lt;/p&gt;&lt;div&gt;&lt;ul&gt;
		/// &lt;li&gt;&lt;b&gt;Description&lt;/b&gt; : &lt;ul&gt;
		/// &lt;div class=&quot;sub-desc&quot;&gt;When &lt;tt&gt;applyTo&lt;/tt&gt; is used, constituent parts of the component can also be specified
		/// by id or CSS class name within the main element, and the component being created may attempt
		/// to create its subcomponents from that markup if applicable.&lt;/div&gt;
		/// &lt;/ul&gt;&lt;/li&gt;
		/// &lt;li&gt;&lt;b&gt;Notes&lt;/b&gt; : &lt;ul&gt;
		/// &lt;div class=&quot;sub-desc&quot;&gt;When using this config, a call to render() is not required.&lt;/div&gt;
		/// &lt;div class=&quot;sub-desc&quot;&gt;If applyTo is specified, any value passed for {@link #renderTo} will be ignored and the target
		/// element&apos;s parent node will automatically be used as the component&apos;s container.&lt;/div&gt;
		/// &lt;/ul&gt;&lt;/li&gt;
		/// &lt;/ul&gt;&lt;/div&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("applyTo")]
		public object ApplyTo;
		
		/// <summary>
		/// Specify the id of the element, a DOM element or an existing Element that this component
		/// will be rendered into.    Notes :   Do not use this option if the Component is to be a child item of
		/// a {@link Ext.Container Container}. It is the responsibility of the
		/// {@link Ext.Container Container}&apos;s {@link Ext.Container#layout layout manager}
		/// to render and manage its child items.  When using this config, a call to render() is not required.      See {@link #render} also.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;Specify the id of the element, a DOM element or an existing Element that this component
		/// will be rendered into.&lt;/p&gt;&lt;div&gt;&lt;ul&gt;
		/// &lt;li&gt;&lt;b&gt;Notes&lt;/b&gt; : &lt;ul&gt;
		/// &lt;div class=&quot;sub-desc&quot;&gt;Do &lt;u&gt;not&lt;/u&gt; use this option if the Component is to be a child item of
		/// a {@link Ext.Container Container}. It is the responsibility of the
		/// {@link Ext.Container Container}&apos;s {@link Ext.Container#layout layout manager}
		/// to render and manage its child items.&lt;/div&gt;
		/// &lt;div class=&quot;sub-desc&quot;&gt;When using this config, a call to render() is not required.&lt;/div&gt;
		/// &lt;/ul&gt;&lt;/li&gt;
		/// &lt;/ul&gt;&lt;/div&gt;
		/// &lt;p&gt;See &lt;tt&gt;{@link #render}&lt;/tt&gt; also.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("renderTo")]
		public object RenderTo;
		
		/// <summary>
		/// A flag which causes the Component to attempt to restore the state of
		/// internal properties from a saved state on startup. The component must have
		/// either a {@link #stateId} or {@link #id} assigned
		/// for state to be managed. Auto-generated ids are not guaranteed to be stable
		/// across page loads and cannot be relied upon to save and restore the same
		/// state for a component.  For state saving to work, the state manager&apos;s provider must have been
		/// set to an implementation of {@link Ext.state.Provider} which overrides the
		/// {@link Ext.state.Provider#set set} and {@link Ext.state.Provider#get get}
		/// methods to save and recall name/value pairs. A built-in implementation,
		/// {@link Ext.state.CookieProvider} is available.  To set the state provider for the current page:  
		/// Ext.state.Manager.setProvider(new Ext.state.CookieProvider({
		/// expires: new Date(new Date().getTime()+(1000*60*60*24*7)), //7 days from now
		/// }));
		///  A stateful Component attempts to save state when one of the events
		/// listed in the...
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;A flag which causes the Component to attempt to restore the state of
		/// internal properties from a saved state on startup. The component must have
		/// either a &lt;code&gt;{@link #stateId}&lt;/code&gt; or &lt;code&gt;{@link #id}&lt;/code&gt; assigned
		/// for state to be managed. Auto-generated ids are not guaranteed to be stable
		/// across page loads and cannot be relied upon to save and restore the same
		/// state for a component.&lt;p&gt;
		/// &lt;p&gt;For state saving to work, the state manager&apos;s provider must have been
		/// set to an implementation of {@link Ext.state.Provider} which overrides the
		/// {@link Ext.state.Provider#set set} and {@link Ext.state.Provider#get get}
		/// methods to save and recall name/value pairs. A built-in implementation,
		/// {@link Ext.state.CookieProvider} is available.&lt;/p&gt;
		/// &lt;p&gt;To set the state provider for the current page:&lt;/p&gt;
		/// &lt;pre&gt;&lt;code&gt;
		/// Ext.state.Manager.setProvider(new Ext.state.CookieProvider({
		/// expires: new Date(new Date().getTime()+(1000*60*60*24*7)), //7 days from now
		/// }));
		/// &lt;/code&gt;&lt;/pre&gt;
		/// &lt;p&gt;A stateful Component attempts to save state when one of the events
		/// listed in the &lt;code&gt;{@link #stateEvents}&lt;/code&gt; configuration fires.&lt;/p&gt;
		/// &lt;p&gt;To save state, a stateful Component first serializes its state by
		/// calling &lt;b&gt;&lt;code&gt;getState&lt;/code&gt;&lt;/b&gt;. By default, this function does
		/// nothing. The developer must provide an implementation which returns an
		/// object hash which represents the Component&apos;s restorable state.&lt;/p&gt;
		/// &lt;p&gt;The value yielded by getState is passed to {@link Ext.state.Manager#set}
		/// which uses the configured {@link Ext.state.Provider} to save the object
		/// keyed by the Component&apos;s &lt;code&gt;{@link stateId}&lt;/code&gt;, or, if that is not
		/// specified, its &lt;code&gt;{@link #id}&lt;/code&gt;.&lt;/p&gt;
		/// &lt;p&gt;During construction, a stateful Component attempts to &lt;i&gt;restore&lt;/i&gt;
		/// its state by calling {@link Ext.state.Manager#get} passing the
		/// &lt;code&gt;{@link #stateId}&lt;/code&gt;, or, if that is not specified, the
		/// &lt;code&gt;{@link #id}&lt;/code&gt;.&lt;/p&gt;
		/// &lt;p&gt;The resulting object is passed to &lt;b&gt;&lt;code&gt;applyState&lt;/code&gt;&lt;/b&gt;.
		/// The default implementation of &lt;code&gt;applyState&lt;/code&gt; simply copies
		/// properties into the object, but a developer may override this to support
		/// more behaviour.&lt;/p&gt;
		/// &lt;p&gt;You can perform extra processing on state save and restore by attaching
		/// handlers to the {@link #beforestaterestore}, {@link #staterestore},
		/// {@link #beforestatesave} and {@link #statesave} events.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("stateful")]
		public bool Stateful;
		
		/// <summary>
		/// The unique id for this component to use for state management purposes
		/// (defaults to the component id if one was set, otherwise null if the
		/// component is using a generated id).
		/// See {@link #stateful} for an explanation of saving and
		/// restoring Component state.
		/// </summary>
		/// <htmlSummary>
		/// The unique id for this component to use for state management purposes
		/// (defaults to the component id if one was set, otherwise null if the
		/// component is using a generated id).
		/// &lt;p&gt;See &lt;code&gt;{@link #stateful}&lt;/code&gt; for an explanation of saving and
		/// restoring Component state.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("stateId")]
		public string StateId;
		
		/// <summary>
		/// An array of events that, when fired, should trigger this component to
		/// save its state (defaults to none). stateEvents may be any type
		/// of event supported by this component, including browser or custom events
		/// (e.g., [&apos;click&apos;, &apos;customerchange&apos;]).  See {@link #stateful} for an explanation of saving and
		/// restoring Component state.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;An array of events that, when fired, should trigger this component to
		/// save its state (defaults to none). &lt;code&gt;stateEvents&lt;/code&gt; may be any type
		/// of event supported by this component, including browser or custom events
		/// (e.g., &lt;tt&gt;[&apos;click&apos;, &apos;customerchange&apos;]&lt;/tt&gt;).&lt;/p&gt;
		/// &lt;p&gt;See &lt;code&gt;{@link #stateful}&lt;/code&gt; for an explanation of saving and
		/// restoring Component state.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("stateEvents")]
		public System.Array StateEvents;
		
		/// <summary>CSS class added to the component when it is disabled (defaults to &apos;x-item-disabled&apos;).</summary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("disabledClass")]
		public string DisabledClass;
		
		/// <summary>Whether the component can move the Dom node when rendering (defaults to true).</summary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("allowDomMove")]
		public bool AllowDomMove;
		
		/// <summary>
		/// True if the component should check for hidden classes (e.g. &apos;x-hidden&apos; or &apos;x-hide-display&apos;) and remove
		/// them on render (defaults to false).
		/// </summary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("autoShow")]
		public bool AutoShow;
		
		/// <summary>
		/// How this component should be hidden. Supported values are &apos;visibility&apos;
		/// (css visibility), &apos;offsets&apos; (negative offset position) and &apos;display&apos;
		/// (css display).
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;How this component should be hidden. Supported values are &lt;tt&gt;&apos;visibility&apos;&lt;/tt&gt;
		/// (css visibility), &lt;tt&gt;&apos;offsets&apos;&lt;/tt&gt; (negative offset position) and &lt;tt&gt;&apos;display&apos;&lt;/tt&gt;
		/// (css display).&lt;/p&gt;
		/// &lt;br&gt;&lt;p&gt;&lt;b&gt;Note&lt;/b&gt;: the default of &lt;tt&gt;&apos;display&apos;&lt;/tt&gt; is generally preferred
		/// since items are automatically laid out when they are first shown (no sizing
		/// is done while hidden).&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("hideMode")]
		public string HideMode;
		
		/// <summary>
		/// True to hide and show the component&apos;s container when hide/show is called on the component, false to hide
		/// and show the component itself (defaults to false). For example, this can be used as a shortcut for a hide
		/// button on a window by setting hide:true on the button when adding it to its parent container.
		/// </summary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("hideParent")]
		public bool HideParent;
		
		/// <summary>
		/// An array of events that, when fired, should be bubbled to any parent container.
		/// See {@link Ext.util.Observable#enableBubble}.
		/// Defaults to [].
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;An array of events that, when fired, should be bubbled to any parent container.
		/// See {@link Ext.util.Observable#enableBubble}.
		/// Defaults to &lt;tt&gt;[]&lt;/tt&gt;.
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("bubbleEvents")]
		public System.Array BubbleEvents;
		
		/// <summary>
		/// A path specification, relative to the Component&apos;s {@link #ownerCt}
		/// specifying into which ancestor Container to place a named reference to this Component.  The ancestor axis can be traversed by using &apos;/&apos; characters in the path.
		/// For example, to put a reference to a Toolbar Button into the Panel which owns the Toolbar:  
		/// var myGrid = new Ext.grid.EditorGridPanel({
		/// title: &apos;My EditorGridPanel&apos;,
		/// store: myStore,
		/// colModel: myColModel,
		/// tbar: [{
		/// text: &apos;Save&apos;,
		/// handler: saveChanges,
		/// disabled: true,
		/// ref: &apos;../saveButton&apos;
		/// }],
		/// listeners: {
		/// afteredit: function() {
		/// // The button reference is in the GridPanel
		/// myGrid.saveButton.enable();
		/// }
		/// }
		/// });
		///  In the code above, if the ref had been &apos;saveButton&apos;
		/// the reference would have been placed into the Toolbar. Each &apos;/&apos; in the ref
		/// moves up one level from the Component&apos;s {@link #ownerCt}.  Also see the {@link #added} and {@link #removed} events.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;A path specification, relative to the Component&apos;s &lt;code&gt;{@link #ownerCt}&lt;/code&gt;
		/// specifying into which ancestor Container to place a named reference to this Component.&lt;/p&gt;
		/// &lt;p&gt;The ancestor axis can be traversed by using &apos;/&apos; characters in the path.
		/// For example, to put a reference to a Toolbar Button into &lt;i&gt;the Panel which owns the Toolbar&lt;/i&gt;:&lt;/p&gt;&lt;pre&gt;&lt;code&gt;
		/// var myGrid = new Ext.grid.EditorGridPanel({
		/// title: &apos;My EditorGridPanel&apos;,
		/// store: myStore,
		/// colModel: myColModel,
		/// tbar: [{
		/// text: &apos;Save&apos;,
		/// handler: saveChanges,
		/// disabled: true,
		/// ref: &apos;../saveButton&apos;
		/// }],
		/// listeners: {
		/// afteredit: function() {
		/// // The button reference is in the GridPanel
		/// myGrid.saveButton.enable();
		/// }
		/// }
		/// });
		/// &lt;/code&gt;&lt;/pre&gt;
		/// &lt;p&gt;In the code above, if the &lt;code&gt;ref&lt;/code&gt; had been &lt;code&gt;&apos;saveButton&apos;&lt;/code&gt;
		/// the reference would have been placed into the Toolbar. Each &apos;/&apos; in the &lt;code&gt;ref&lt;/code&gt;
		/// moves up one level from the Component&apos;s &lt;code&gt;{@link #ownerCt}&lt;/code&gt;.&lt;/p&gt;
		/// &lt;p&gt;Also see the &lt;code&gt;{@link #added}&lt;/code&gt; and &lt;code&gt;{@link #removed}&lt;/code&gt; events.&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\widgets\Component.js</definedin>
		[ScriptName("ref")]
		public string Ref;
		
		/// <summary>
		/// A config object containing one or more event handlers to be added to this
		/// object during initialization. This should be a valid listeners config object as specified in the
		/// {@link #addListener} example for attaching multiple handlers at once.
		/// </summary>
		/// <htmlSummary>
		/// &lt;p&gt;A config object containing one or more event handlers to be added to this
		/// object during initialization. This should be a valid listeners config object as specified in the
		/// {@link #addListener} example for attaching multiple handlers at once.&lt;/p&gt;
		/// &lt;br&gt;&lt;p&gt;&lt;b&gt;&lt;u&gt;DOM events from ExtJs {@link Ext.Component Components}&lt;/u&gt;&lt;/b&gt;&lt;/p&gt;
		/// &lt;br&gt;&lt;p&gt;While &lt;i&gt;some&lt;/i&gt; ExtJs Component classes export selected DOM events (e.g. &quot;click&quot;, &quot;mouseover&quot; etc), this
		/// is usually only done when extra value can be added. For example the {@link Ext.DataView DataView}&apos;s
		/// &lt;b&gt;&lt;code&gt;{@link Ext.DataView#click click}&lt;/code&gt;&lt;/b&gt; event passing the node clicked on. To access DOM
		/// events directly from a Component&apos;s HTMLElement, listeners must be added to the &lt;i&gt;{@link Ext.Component#getEl Element}&lt;/i&gt; after the Component
		/// has been rendered. A plugin can simplify this step:&lt;pre&gt;&lt;code&gt;
		/// // Plugin is configured with a listeners config object.
		/// // The Component is appended to the argument list of all handler functions.
		/// Ext.DomObserver = Ext.extend(Object, {
		/// constructor: function(config) {
		/// this.listeners = config.listeners ? config.listeners : config;
		/// },
		///
		/// // Component passes itself into plugin&amp;#39;s init method
		/// init: function(c) {
		/// var p, l = this.listeners;
		/// for (p in l) {
		/// if (Ext.isFunction(l[p])) {
		/// l[p] = this.createHandler(l[p], c);
		/// } else {
		/// l[p].fn = this.createHandler(l[p].fn, c);
		/// }
		/// }
		///
		/// // Add the listeners to the Element immediately following the render call
		/// c.render = c.render.{@link Function#createSequence createSequence}(function() {
		/// var e = c.getEl();
		/// if (e) {
		/// e.on(l);
		/// }
		/// });
		/// },
		///
		/// createHandler: function(fn, c) {
		/// return function(e) {
		/// fn.call(this, e, c);
		/// };
		/// }
		/// });
		///
		/// var combo = new Ext.form.ComboBox({
		///
		/// // Collapse combo when its element is clicked on
		/// plugins: [ new Ext.DomObserver({
		/// click: function(evt, comp) {
		/// comp.collapse();
		/// }
		/// })],
		/// store: myStore,
		/// typeAhead: true,
		/// mode: &apos;local&apos;,
		/// triggerAction: &apos;all&apos;
		/// });
		/// &lt;/code&gt;&lt;/pre&gt;&lt;/p&gt;
		/// </htmlSummary>
		/// <definedin>src\ext-core\src\util\Observable.js</definedin>
		/// <optional>Optional Field</optional>
		[ScriptName("listeners")]
		public object Listeners;
		#endregion
	}
}
